@font-size-base: 37.5;


@media screen and (max-width: 319px) {
  html {
    font-size: 31.9px; } }
@media screen and (min-width: 320px) and (max-width: 359px) {
  html {
    font-size: 32px; } }
@media screen and (min-width: 360px) and (max-width: 374px) {
  html {
    font-size: 36px; } }
@media screen and (min-width: 375px) and (max-width: 383px) {
  html {
    font-size: 37.5px; } }
@media screen and (min-width: 384px) and (max-width: 399px) {
  html {
    font-size: 38.4px; } }
@media screen and (min-width: 400px) and (max-width: 413px) {
  html {
    font-size: 40px; } }
@media screen and (min-width: 414px) {
  html {
    font-size: 41.4px; } }

body {
  width: 100%;
  max-width: 12rem;
  margin: 0 auto;
  font-family: -apple-system, PingFangSC-Regular, SF UI Text, Helvetica Neue, Helvetica, Arial, sans-serif;
}